<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE HTML>
<html lang="en">
  
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link href="https://fonts.googleapis.com/css?family=Limelight|Flamenco|Federo|Yesteryear|Josefin Sans|Spinnaker|Sansita One|Handlee|Droid Sans|Oswald:400,300,700" media="screen" rel="stylesheet" type="text/css" />
    <link href="css/bootstrap.css" media="screen" rel="stylesheet" type="text/css" />
    <link href="css/bootstrap-responsive.css" media="screen" rel="stylesheet" type="text/css" />
    <link href="css/common.css" media="screen" rel="stylesheet" type="text/css" />
    <link href="css/fontawesome.css" media="screen" rel="stylesheet" type="text/css" />
    <link href="css/lee-sin.css" media="screen" rel="stylesheet" type="text/css" />
	<link href="css/styles.css" media="screen" rel="stylesheet" type="text/css" />
	
	<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
    <script type="text/javascript" src="js/jquery.mockjax.js"></script>
    <script type="text/javascript" src="js/jquery.autocomplete.js"></script>
    <script type="text/javascript" src="js/countries.js"></script>
    <script type="text/javascript" src="js/demo.js"></script>
	<script>
		function validateForm() {
		    var x = document.forms["myForm"]["autocomplete-ajax"].value;
		    if (x==null || x=="") {
		        return false;
		    }
		}
	</script>
	<style>
		body{
			padding: 0; margin: 0;
		}
		p{
			color: #6600CC;
		}
		a{
			text-decoration: none;
		}
		a:hover{
			text-decoration: underline;
		}
		ul{
			list-style:none;
		}
		#wapper{
			background: #F8F8F8 ;	
		}
		.wap{
			width: 760px;
			height: 500px;
			margin: 0px auto;
		}
		label{
			color: #6600CC;
			font-size: 3em;
			font-weight: bold;
		}

		
		#col-1{
			width: 10px;
		}
		#col-2{
			width:100px;
		}
	</style>
	
    <title>Vnplace - Du lịch khắp bốn phương</title>
  </head>
  
  <body>
    <div id="page-wrapper">
		<div id="absolute-wrapper">
			<div class="navbar">
				<div class="navbar-inner"></div>
			</div>
			<a class="brand" href="#"><img src="image/address.png" width="50" height="50"/>
			</a>
			<ul>
				<li class="li-1">
					<a href="createlocal.jsp">Tạo địa điểm mới</a>
				</li>
				<li class="li-2">
					<a href="introduce.jsp">Giới thiệu</a>
				</li>
				<li class="li-3">
					<a href="/Vnplace/end-user/contact.jsp">Liên hệ</a>
				</li>
			</ul>
<!-- 			<h1 class="heading heading-1">VnPlace</h1> -->
			<img alt="" src="image/logovn.jpg" class="heading heading-1">
			
	<!-- -----------Form seach-------------- -->
		<div id="the-basics">
			<form action="/Vnplace/SearchLocation" method="post" name="myForm" onsubmit="return validateForm()">
				<input name="txtsearch" class="textinput" id="autocomplete-ajax" type="text" placeholder="Nhập tên địa điểm cần tìm kiếm...">
<!-- 				<input type="hidden" name="province"> -->
				<input type= "submit"class="btn" value="Tìm kiếm" />
			</form>
		</div>	  
	 </div>
    </div>
  </body>

</html>